<template>
    <div class="main">
      <div class="logo">
        <img src="../../img/logo.png" alt="">
      </div>
      <a :href="myUrl+'/bind'" class="zhuce">
        <p>非会员请点击注册</p>
        <img src="../../img/bind-1.png" alt="">
      </a>
      <a @click="go()">
        <p>会员请点击绑定</p>
        <img src="../../img/bind-2.png" alt="">
      </a>
    </div>
</template>

<script>
  import {
    myUrl
  } from "@/assets/public";

    export default {
        name: 'main',
        data() {
            return {
              data:"",
              bang_url:"",
			  myUrl:myUrl,
            }
        },
        created(){
        },
        mounted() {
          this.bang_url="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx7302aaa9857c055b&redirect_uri=http://bfwechat.beautyfarm.com.cn/wechat/member/Index.aspx?Source="+encodeURIComponent(myUrl)+"&ToUserName=gh_a0db7a77b670&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect"
        },
        methods: {
          go(){
            window.location.href=this.bang_url;
          }
        }
    }
</script>

<style scoped>
  .main {
    width: 100%;
    height:100vh;
    background: #f7f7f7;
  }
  .main .logo {
    width: 100%;
    height:6rem;
    display: flex;
    align-items:center;
    justify-content: center;
  }
  .main a {
    display: block;
    width: 60%;
    height:1.5rem;
    margin:0 auto;
    background: #333;
    color: #ffffff;
    font-size:.4rem;
    letter-spacing: 2px;
    position: relative;
    margin-top:1rem;
  }
  .main .zhuce{
    margin-top:-1rem;
  }
  .main a p {
    width: 100%;
    height: 1.5rem;
    line-height:1.5rem;
    text-align: center;
  }
  .main a img {
    position: absolute;
    bottom:0;
    right:0;
  }
</style>
